bar chart

This block is part of the Component UI group and was last modified in core v10.4.28.

bar chart v10.4.28

Basic bar chart

In pins 21
  • Name required
    value
  • Data
    array
  • X Axis required
    fielddefinitions
  • Y Axis required
    fielddefinitions
  • Row Colors
    array

    Sets the colors of the background rows

    Default #fff

  • Data colors
    array

    Sets the colors of the lines

  • Title align
    value

    Align the title, options: Left, Center, Right

    Default left

  • Theme
    value
  • Color palette
    value

    Changes the colors of the lines to presets made by Apexcharts

    Default palette1

  • Height
    number
  • Horizontal
    condition

    Rotates the chart 90 degress and shows the data horizontal

    Default false

  • Stacked
    condition

    Stacks the data on top of each other instead of next to each other

    Default false

  • Bar Width
    value

    Sets the width of the bars, use px or % to determine the width

    Default 50px

  • Spacing
    number

    Spacing between bars

    Default 0

  • Show data labels
    condition
  • Label Position
    value

    Position of the Data Label, options: Top, Center, Bottom

    Default center

  • Label Offset Y
    number
  • Label Offset X
    number
  • Label fontsize
    value

    Default 12px

  • Label Color
    value

    Default #fff

  • Zoom
    condition

    Default false

Out pins 1
  • uicomponent
    uicomponent
graph

A typical wiring for bar chart: value feeds the co-name pin; combine feeds the co-xaxis pin; combine feeds the co-yaxis pin; the uicomponent out pin feeds build PDF.

Studio canvas example for the bar chart block: typical wiring for bar chart.

Version history

Introduced in v10.4.28.


Back to Component UI Return to the main group to view all sub-groups Back to apexcharts Return to the group to view all blocks within this group